<template>
<div id="app">
	<div class="top_sou">
		<div class="top_sou_input">
			康宁
		</div>
	</div>
    <router-view></router-view>
    
    <mt-tabbar class='az'>
		<ul>
	    	<li><router-link to="/">视频</router-link></li>
	    	<li><router-link to="/jingxuan">精选</router-link></li>
	    	<li><router-link to="/gou">购物车</router-link></li>
	    	<li> <router-link to="/me">我的</router-link></li>
	    	
	    </ul>
	 
	</mt-tabbar>
 </div>   
    

</template>

<script>
	
export default {
  name: 'app',
   data(){
   	return {
   		selected:''
   	}
   }
}

</script>

<style>
	*{
		margin:0;
		padding:0;
	}
#app{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
a {
	text-decoration: none;
}
li{
	list-style: none;
}
.az{
	position:fixed;
	width:100%;
	buttom: 0;
	left:0;
	
}
.az ul{
	width:100%;
	height:100;
	display: flex;
	
	justify-content:space-around;
}
.top_sou{
	position:fixed;
	width:100%;
	top: 0;
	left:0;
	background: white;
	padding: 5px 0;	
	z-index: 9999;
}
.top_sou_input{
	width: 96%;
	margin: 0 auto;
	height: 25px;
	border: 1px solid #ccc;
	border-radius:30px;
	background: #f5f5f5;
	padding-left: 10px;
	color: #666;
	box-sizing: border-box;
	
}
</style>
